/**
 * CSS for mail contact address
 * @author	Tran Anh Tuan <itanium7000@gmail.com> or <tuan.tran@gen.vn>
 */
@CHARSET "UTF-8";
#breadcrumb a{font-weight:bold;font-size:12px;color:#777;}
#email-mainpage-wrapper *{font-size:12px;}
#mail_cta_frm *{font-size:12px;}
#mail_cta_frm {display:none;}
#mail_cta_frm ul li{margin-top: 5px;}
#mail_cta_frm ul li label{width: 150px;float: left;}
#mail_cta_frm ul li input{background-color:#FFFFCC;}
#mail_cta_frm ul li input[type="text"]{font-weight:bold;}
#mail_cta_frm ul li select{width: 207px;}
.action-col img:HOVER{cursor: pointer;}
#cta-contact-email{color:#560EAD;}

#listview_CONTACT_ADDRESS tbody tr td div a{color:#333;}
#listview_CONTACT_ADDRESS thead th {padding-left:5px; }
#listview_CONTACT_ADDRESS thead th:nth-child(2){width:23%;}
#listview_CONTACT_ADDRESS tbody tr td:nth-child(2) *{font-weight:bold;}
#listview_CONTACT_ADDRESS thead th:nth-child(3){width:25%;}
#listview_CONTACT_ADDRESS thead th:nth-child(4){width:9%;}
#listview_CONTACT_ADDRESS tbody tr td:nth-child(5) div span{padding-left:18px;color:#aaa;font-size:11px;line-height:18px;float:left;}
#listview_CONTACT_ADDRESS thead th:nth-child(7){text-align:center;}
sup{font-weight:normal !important; font-size:10px !important;line-height:10%;}
sup.s_Mr{color:#530FAD;}
sup.s_Mrs{color:#090974;}
sup.s_Miss{color:#8243D6;}
sup.s_Ms{color:#FFAA00;}
#listview_CONTACT_ADDRESS tbody tr:HOVER *{
	background-color:#FFFFCC;
}
#pagination{float:right;}
span.src_1{background: url("../../../images/icons/listview/keyboard.png") no-repeat;}
span.src_2{background: url("../../../images/icons/listview/toolbar/import.png") no-repeat;}
span.src_3{background: url("../../../images/icons/listview/customer.png") no-repeat;}
span.src_4{background: url("../../../images/icons/listview/customer_contact_entry.png") no-repeat;}

#text_toolbar_CONTACT_ADDRESS_search {width:140px;}
#import_popup{display:none;}
#import_popup *{font-size:12px;}
#import_popup ul{float:left;margin-top:15px;}
#import_popup ul li{float:left; }
#import_popup ul li:nth-child(3){margin-top:10px;}
#import_popup ul li label{width: 150px;float: left;}
#import_popup ul li ul{margin-top:10px;list-style: disc inside none;float:left;width:200px; }
#import_popup ul li ul li input {float:left;width:auto; }
#import_popup ul li ul li label{width: 150px;float: left;}
#import_popup ul li ul li{float:left; line-height: 21px; }
iframe{height:200px;width:580px;border:none;float: left;}
#btn-start-import{font-weight: bold;}
#btn-start-import:HOVER{cursor: pointer;}
#btn-start-import[disabled]{color: #AAA;}
#btn-start-import[disabled]:HOVER {cursor: default;}

.import-popup{display:none;}
.import-popup *{font-size:12px;}
.import-popup ul{float:left;margin-top:15px;}
.import-popup ul li{float:left; }
.import-popup ul li:nth-child(3){margin-top:10px;}
.import-popup ul li label{width: 150px;float: left;}
.import-popup ul li ul{margin-top:10px;list-style: disc inside none;float:left;width:200px; }
.import-popup ul li ul li input {float:left;width:auto; }
.import-popup ul li ul li label{width: 150px;float: left;}
.import-popup ul li ul li{float:left; line-height: 21px; }
/**
 * add by tuan.vu
 * search email
 */
#sl_s_email{margin-top:15px;float:left;width:100%;text-align:left;background-color:#DEE;}
#sl_s_email ul{margin-top:7px;padding-bottom:5px;margin-left:3px;}
#sl_s_email ul li{float:left;width:100%; }
#sl_s_email ul li input[type="text"]{width:370px;border:1px solid #EAEBEF;background-color:#FFFFCC;float:left; }
#sl_s_email ul li label{float: left;width:100px;}
/*#sl_s_email ul li ul{float: left;width:80%;margin-top:0px;}
#sl_s_email ul li ul li{float: left;line-height: 21px;margin-top: 3px;}
#sl_s_email ul li ul li input[type="radio"]{width:auto;float:left;}*/
#sl_s_email ul li select{width:250px;float:left;clear:right;}
#sl_s_email ul li input[type="button"]{
background-color: #4D90FE;
background-image: -moz-linear-gradient(center top , #4D90FE, #4787ED);
border: 1px solid transparent;
color: #FFFFFF;
width:auto;
border-radius:2px;float: left;height:21px; 
}
#sl_s_email ul li input[type="button"]:hover{border: 1px solid #3C71C7;cursor: pointer;}
#sl_s_email ul li #do_search{float:left;width:17px;line-height:19px;margin-left:-21px;background: url("../../../images/icons/find.png") no-repeat;margin-top:3px;}
#sl_s_email ul li #do_search:hover{cursor:pointer;}
#sl_s_email ul li #do_search_clr{float:left;width:17px;line-height:19px;margin-left:-42px;background: url("../../../images/icons/Clear.gif") no-repeat;margin-top:1px;display:none;}
#sl_s_email ul li #do_search_clr:hover{cursor:pointer;}
/* end search email */
/**
 * add by tuan.vu
 * mail list
 */
#sl_list_email{margin-top:5px; float: left;width:100%;border:1px solid #5D5D5D;}
#sl_list_email .sl-l-body{height:155px;overflow-y:scroll;float:left;width:100%;margin-top:24px;background-color:#FFF;}
/*#sl_list_email{display:none;}*/
#sl_list_email .sl-l-header{width:96.5%;float:left;position: absolute;}
#sl_list_email .sl-l-header div{float: left; text-align:left;background-color:#5D5D5D;}
#sl_list_email .sl-l-header div span{margin-left:3px;line-height:23px;color:#FFF;}
#sl_list_email .sl-l-header div:nth-child(1){width:4%; }
#sl_list_email .sl-l-header div:nth-child(2){width:30%;border-right:1px solid #EEE;}
#sl_list_email .sl-l-header div:nth-child(3){width:39.6%;border-right:1px solid #EEE;}
#sl_list_email .sl-l-header div:nth-child(4){width:26%;}

#sl_list_email .sl-l-row{width:100%;float:left;background-color:#F5F5F5;height:20px;}
#sl_list_email .sl-l-row:HOVER {cursor:default;background-color:#FFFFCC;}
#sl_list_email .sl-l-row:nth-child(2n+1){background-color:#FFF;}
#sl_list_email .sl-l-row:nth-child(2n+1):HOVER{background-color:#FFFFCC;}
#sl_list_email .sl-l-row div{float: left; text-align:left;}
#sl_list_email .sl-l-row div span{margin-left:4px;line-height:19px;}
#sl_list_email .sl-l-row div:nth-child(1){width:4%;}
#sl_list_email .sl-l-row div:nth-child(2){width:31%;border-right:1px solid #FFF; }
#sl_list_email .sl-l-row div:nth-child(3){width:41%;border-right:1px solid #FFF;}
#sl_list_email .sl-l-row div:nth-child(4){width:20%;}
div.sl-l-body .sl-l-none-data{color:#AAA; font-style:italic;margin-top:65px;}
#sl_list_email .sl-l-footer{width:100%;float:left;background-color:#EFEFEF;border-top:1px solid #CDCDCD;text-align:left;}
/* end list email */

/**
 * add by tuan.vu
 * search email dmll
 */
#dm_sl_s_email{margin-top:15px;float:left;width:100%;text-align:left;background-color:#DEE;}
#dm_sl_s_email ul{margin-top:7px;padding-bottom:5px;margin-left:3px;}
#dm_sl_s_email ul li{float:left;width:100%; }
#dm_sl_s_email ul li input[type="text"]{width:370px;border:1px solid #EAEBEF;background-color:#FFFFCC;float:left; }
#dm_sl_s_email ul li label{float: left;width:100px;}
#dm_sl_s_email ul li select{width:250px;float:left;clear:right;}
#dm_sl_s_email ul li input[type="button"]{
background-color: #4D90FE;
background-image: -moz-linear-gradient(center top , #4D90FE, #4787ED);
border: 1px solid transparent;
color: #FFFFFF;
width:auto;
border-radius:2px;float: left;height:21px; 
}
#dm_sl_s_email ul li input[type="button"]:hover{border: 1px solid #3C71C7;cursor: pointer;}
#dm_sl_s_email ul li #dm_do_search{float:left;width:17px;line-height:19px;margin-left:-21px;background: url("../../../images/icons/find.png") no-repeat;margin-top:3px;}
#dm_sl_s_email ul li #dm_do_search:hover{cursor:pointer;}
#dm_sl_s_email ul li #dm_do_search_clr{float:left;width:17px;line-height:19px;margin-left:-42px;background: url("../../../images/icons/Clear.gif") no-repeat;margin-top:1px;display:none;}
#dm_sl_s_email ul li #dm_do_search_clr:hover{cursor:pointer;}
/* end search email */
/**
 * add by tuan.vu
 * mail list dmll
 */
#dm_sl_list_email{margin-top:5px; float: left;width:100%;border:1px solid #5D5D5D;}
#dm_sl_list_email .dm_sl-l-body{height:155px;overflow-y:scroll;float:left;width:100%;margin-top:24px;background-color:#FFF;}
#dm_sl_list_email .dm_sl-l-header{width:96.5%;float:left;position: absolute;}
#dm_sl_list_email .dm_sl-l-header div{float: left; text-align:left;background-color:#5D5D5D;}
#dm_sl_list_email .dm_sl-l-header div span{margin-left:3px;line-height:23px;color:#FFF;}
#dm_sl_list_email .dm_sl-l-header div:nth-child(1){width:4%; }
#dm_sl_list_email .dm_sl-l-header div:nth-child(2){width:30%;border-right:1px solid #EEE;}
#dm_sl_list_email .dm_sl-l-header div:nth-child(3){width:39.6%;border-right:1px solid #EEE;}
#dm_sl_list_email .dm_sl-l-header div:nth-child(4){width:26%;}

#dm_sl_list_email .dm_sl-l-row{width:100%;float:left;background-color:#F5F5F5;height:20px;}
#dm_sl_list_email .dm_sl-l-row:HOVER {cursor:default;background-color:#FFFFCC;}
#dm_sl_list_email .dm_sl-l-row:nth-child(2n+1){background-color:#FFF;}
#dm_sl_list_email .dm_sl-l-row:nth-child(2n+1):HOVER{background-color:#FFFFCC;}
#dm_sl_list_email .dm_sl-l-row div{float: left; text-align:left;}
#dm_sl_list_email .dm_sl-l-row div span{margin-left:4px;line-height:19px;}
#dm_sl_list_email .dm_sl-l-row div:nth-child(1){width:4%;}
#dm_sl_list_email .dm_sl-l-row div:nth-child(2){width:31%;border-right:1px solid #FFF; }
#dm_sl_list_email .dm_sl-l-row div:nth-child(3){width:41%;border-right:1px solid #FFF;}
#dm_sl_list_email .dm_sl-l-row div:nth-child(4){width:20%;}
div.dm_sl-l-body .dm_sl-l-none-data{color:#AAA; font-style:italic;margin-top:65px;}
#dm_sl_list_email .dm_sl-l-footer{width:100%;float:left;background-color:#EFEFEF;border-top:1px solid #CDCDCD;text-align:left;}
/* end list email */

#btn-start-import-c{font-weight:bold;}
#btn-start-import-c:HOVER{cursor: pointer;}
#btn-start-import-c[disabled]{color: #AAA;}
#btn-start-import-c[disabled]:HOVER {cursor: default;}
#btn-start-import-cc{font-weight:bold;}
#btn-start-import-cc:HOVER{cursor: pointer;}
#btn-start-import-cc[disabled]{color: #AAA;}
#btn-start-import-cc[disabled]:HOVER {cursor: default;}

/* Import result*/
.import_popup_result{margin-bottom: 5px; margin-top: 10px;float:left;width:100%;}
#error-list{width:100%;float: left;background-color:#FFFFFF;border: 1px solid #555;}
#error-list *{font-size:11px;}
#error-header{width:100%;float:left;background-color:#555;}
#error-header div{float:left; font-weight:bold;color:#aaa;border-right:1px dotted #777;padding-top:3px;padding-bottom:3px;}
#error-header div:nth-child(1){width:7%;}
#error-header div:nth-child(2){width:20%;}
#error-header div:nth-child(3){width:30%;}
#error-header div:nth-child(4){width:42%;border:none;}

div.error-body{width:100%;float:left;background-color:#FFFFFF;}
div.error-body div{border-right:1px dotted #777;padding-top:3px;padding-bottom:3px;}
div.error-body div{float:left; color:#555;}
div.error-body:nth-child(2n+1){background-color:#EFEFEF;}
div.error-body div:nth-child(1){width:7%;}
div.error-body div:nth-child(2){width:20%;}
div.error-body div:nth-child(3){width:30%;}
div.error-body div:nth-child(4){width:42.4%;border:none;}
div.error-body:HOVER *{
	background-color:#FFFFCC;cursor:default; 
}

#import-report{float:left;width:99.3%;background-color:#F2F7FB;padding:3px;margin-bottom: 5px;}
#import-report *{color:#555;}
.import-report-row{float:left;width:50%;}
.import-report-row div{float:left;}
.import-report-row div:nth-child(1){width:47%;text-align: right;padding-right:10px;}
.import-report-row div:nth-child(2){width:49%;font-weight:bold;color:#FF8300 !important;}

#error-list-title{margin-bottom: 5px;font-weight: bold;}
#error-notice{width:70%;height:30px;text-align:center;margin-top:15px;background-color:#DFF2BF;margin:auto;padding-top:12px;color:#5A921D;border:1px solid #6DA035;}
#error-notice-container{width:100%;margin-bottom:10px;}
/* -------------- Scroll --------------*/
/*
div.listview-container{
	overflow: hidden;
	overflow:visible !important;
	height:430px; 
	clear: both;
}
table.listview thead tr{
	position: relative;
	display: block; 
}
table.listview tbody{
    /*display: block;*/
    height: 360px;
    overflow: auto;
    width:100%;
	float: left;	 
}
*/